<?php echo $this->doctype() ?>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
	<head>
		<!-- TradeDoubler site verification 2234441 -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="icon" href="http://www.dealscombined.co.uk/images/favicon.ico" type="image/x-icon" />
		<link rel="shortcut icon" href="http://www.dealscombined.co.uk/favicon.ico" type="image/x-icon" />
		<meta name="google-site-verification" content="qkQEejH9GGcp0FEr5XAC3ducYTNNWpy6fVtS4Jp0yYw" />
		<meta name="geo.region" content="GB-LND" />
		<meta name="geo.placename" content="London" />
		<meta name="geo.position" content="51.505323;-0.131836" />
		<meta name="ICBM" content="51.505323, -0.131836" />

		<script type="text/javascript">
			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-38245055-1']);
			_gaq.push(['_trackPageview']);

			(function() {
				var ga = document.createElement('script');
				ga.type = 'text/javascript';
				ga.async = true;
				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
				var s = document.getElementsByTagName('script')[0];
				s.parentNode.insertBefore(ga, s);
			})();
		</script>
		<title>Dealscombined - All the web best deals combined in one place</title>
		<meta content="Dealscombined.co.uk – Best Local Deals, Goods and Getaways" name="title">
		<meta content="Find the best local deals combined from the web in one stop. Our deals offer high discounts on spa, cinema, travel and more! Sign up for a new deal every day!" name="description">
		<meta content="Deals,Best Deals, Deals Combined, City Deals, Deal, London Deals" name="keywords">
		<link href="http://www.dealscombined.co.uk/" rel="canonical">
		<meta content="Dealscombined - All the web best deals combined in one placedeals" property="og:title">
		<meta content="http://www.dealscombined.com/" property="og:url">
		<meta content="Dealscombined" property="og:site_name">
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
		<?php echo $this->headLink()->appendStylesheet($this->baseUrl('/css/bootstrap.css')) ?>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<?php echo $this->headLink()->appendStylesheet($this->baseUrl('/css/bootstrap-responsive.min.css')) ?>
		<?php echo $this->headScript()->appendFile($this->baseUrl('/js/bootstrap.js')) ?>
		<?php echo $this->headLink()->appendStylesheet($this->baseUrl('/css/slider.css')) ?>
		<?php echo $this->headScript()->appendFile($this->baseUrl('/js/bootstrap-slider.js')) ?>
		<?php echo $this->headScript()->appendFile($this->baseUrl('/less/slider.less')) ?>
		
		<style type="text/css">
			@font-face {
				font-family: 'Lobster';
				font-style: normal;
				font-weight: 400;
				src: local('Lobster'), url(http://themes.googleusercontent.com/static/fonts/lobster/v5/NIaFDq6p6eLpSvtV2DTNDQLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
			}
			@font-face {
				font-family: 'Open Sans';
				font-style: normal;
				font-weight: 400;
				src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
			}
			@font-face {
				font-family: 'Open Sans';
				font-style: normal;
				font-weight: 700;
				src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
			}
			@font-face {
				font-family: 'Open Sans';
				font-style: italic;
				font-weight: 400;
				src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBrrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
			}
			@font-face {
				font-family: 'Open Sans';
				font-style: italic;
				font-weight: 700;
				src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxhbnBKKEOwRKgsHDreGcocg.woff) format('woff');
			}
			@font-face {
				font-family: 'Open Sans';
				font-style: normal;
				font-weight: 300;
				src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
			}
			@font-face {
				font-family: 'Open Sans';
				font-style: normal;
				font-weight: 400;
				src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
			}
			@font-face {
				font-family: 'Open Sans';
				font-style: normal;
				font-weight: 600;
				src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSqRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
			}
			@font-face {
				font-family: 'Open Sans';
				font-style: normal;
				font-weight: 700;
				src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
			}
			body {
				padding-top: 60px;
				padding-bottom: 40px;
			}
			.sidebar-nav {
				padding: 9px 0;
			}
			.brand {
				background: url("images/temp_logo.png") no-repeat scroll 0px 4px /50px 60px transparent;
				min-height: 50px;
				min-width: 57px;
			}
			@font-face {
				font-family: "Open Sans";
				font-style: normal;
				font-weight: 400;
				src: url("css/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff") format("woff");
			}
			h3 {
				font-size: 24px !important;
				font-weight: 100 !important;
				color: #245DC1 !important;
				line-height: 28.8px !important;
			}
			.personalization, .nav-inner {
				background: transparent !important;
				color: #FFFFFF !important;
				padding: 0 15px;
			}
			.navbar-inverse .brand, .navbar-inverse .nav > li > a {
				color: #E1E5F2;
				text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			}
			.navbar-inverse .navbar-text, .navbar-link, .navbar-inverse .brand, .navbar-inverse .nav > li > a {
				color: #E1E5F2 !important;
				font-size: 14px;
				line-height: 1.43;
				text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08);
			}
			.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
				background-color: inherit !important;
				color: #FFFFFF !important;
				font-weight: bold;
			}
			.pull-right {
				line-height: 2.5 !important;
			}
			.brand {
				-moz-font-feature-settings: normal;
			    -moz-font-language-override: normal;
			    color: #444444 !important;
			    content: "";
			    float: left;
			    font-family: "Lobster","cursive";
			    font-size: 40px !important;
			    font-size-adjust: none;
			    font-stretch: normal;
			    font-style: normal;
			    font-variant: normal;
			    font-weight: normal;
			    height: 10px !important;
			    line-height: 1.88 !important;
			    margin-left: 0 !important;
			}
			body {
				padding-top: 107px !important;
			}
			.small-main-offer{
				min-height:400px !important;
				border-bottom-image: url("/images/bg-banner_bottom.png") no-repeat scroll 0 0 transparent !important;
				border-image: url("/images/bg-banner_bottom.png") no-repeat scroll 0 0 transparent !important;
			}
			/*personalized*/ 
			.bottom-offer{
			    background: url("/images/bg-banner_bottom.png") no-repeat scroll center center transparent;
			}
			
			.small-main-offer{
				text-align:center;
			}
			
			body, .row-fluid{
				background-color:#F9F9F9 !important;
			}
			
			.navbar-inverse .navbar-inner{
				background: -moz-linear-gradient(center top , #4E78C2, #325DA7) repeat scroll 0 0 #325DA7 !important;
			}
			.span9 {
			  max-width: 978px !important;
			}
			.center {
			     float: none;
			     margin-left: auto;
			     margin-right: auto; 
			}
			.topbackground{
				 background: -moz-linear-gradient(center top , #4E78C2, #325DA7) repeat scroll 0 0 #325DA7 !important;
				 height:10px;
			}
			.personalization{
				background-color: #FFFFFF; 
			}
			
			.banner-wrap h2 {
			    font-size: 40px;
			    font-weight: 100;
			    margin: 30px 0 0;
			    padding: 0 100px;
			}
			h2 {
			    font-size: 24px;
			    font-weight: 100;
			    margin-bottom: 20px;
			}
			h2 {
			    font-size: 16px;
			}
			h1{
			   
			    -moz-font-feature-settings: normal;
			    -moz-font-language-override: normal;
			    color: #444444 !important;
			    content: "";
			    float: left;
			    font-family: "Lobster","cursive";
			    font-size: 40px !important;
			    font-size-adjust: none;
			    font-stretch: normal;
			    font-style: normal;
			    font-variant: normal;
			    font-weight: normal;
			    height: 10px !important;
			    line-height: 1.4 !important;
			    margin-left: 0 !important;
			    
			}
			.escondido{
				color:transparent;
				display:none;
				font-size:5px;
			}
			.fijo{
					}
			
		</style>			
		<script type="text/javascript">
			
			$( document ).ready( function() {
				$('#city').change(function(){window.location.replace('index/updateproducts/city/'+ $(this).val());
											 
				});
				
				$('.slider').slider();
			});
		</script>
	</head>
	<body>
		<div class="navbar navbar-inverse navbar-fixed-top personalization center span12">
				<div class="row-fluid">
						<a class="brand" href="/" style="color:#444444 !important; font:"><h1>DealsCombined<span class="escondido">,Deals,Best Deals, Deals Combined, City Deals, Deal, London Deals</span></h1></a>
				</div>
				
				<div class="navbar-inner"> 				
					<div class="container-fluid">
						<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>
						
						
						<div class="nav-collapse collapse">
							<p class="navbar-text pull-right">
								Logged in as <a href="#" class="navbar-link"><?php   echo isset($this->components['email']) ? $this -> components['email'] : 'Guest'; ?></a>
							</p>
							<ul class="nav">
								<li class="active">
									<a href="#">Home</a>
								</li>
								<li>
									<a href="#about">About</a>
								</li>
								<li>
									<a href="#contact">Contact</a>
								</li>
							</ul>
						</div><!--/.nav-collapse -->
					</div>
				</div>
		</div>

		<div class="container-fluid span12 center"> 
			<h2 class="escondido">Best deals combined selected for you</h2>
			<!--<div class="alert alert-success">
				<button type="button" class="close" data-dismiss="alert">×</button>
					<strong>Hey Welcome back!!!</strong>
					We have carefuly selected some special offers for you :) !
			</div>-->
			<div class="row-fluid">
				
				<div class="span2 fijo">  
					<form class="form-search span">	
					<div class="well sidebar-nav">
						<ul class="nav nav-list">
							<li class="nav-header">
								Filters
							</li>
							<li class="active">
								  	
							</li>
							<li>
								<a href="#">I am looking for :</a> 
								
															
								  <input type="text" class="input-medium search-query span" placeholder="Type something…">
								  <br />
								  <label class="checkbox">
								      <input type="checkbox"> Include description
								  </label>
							</li>
							<li>&nbsp;</li>
							<li>
								<a href="#">I am in :</a> 
								<select class="span" id="city">
								    <?php foreach($this->components['cities'] as $city):?>
								    	<option id="cityValue" value="<?php echo $city['id'];?>" <?php   echo isset($this->components['userCity']) && $this->components['userCity'] == $city['id'] ? "selected='selected'":''  ?> >
								    		<?php echo  $city['name'];?>
								    	</option>
								    <?php endforeach; ?>
					   			</select> 
							</li>
							<li>&nbsp;</li>
							<li>
								<a href="#">Interested in :</a> 
								 <?php foreach ($this->components['categories'] as $category):?>
									<label class="checkbox">										
								      <input type="checkbox" value="<?php echo $category['id']?>"> <i class="<?php echo $category['class']; ?>"></i><?php echo $category['category'];?>
								    </label> 
								 <?php endforeach;?>
								 
							</li>
							<li>&nbsp;</li>
							<li>
								<a href="#">My budget is :</a>								
								&pound; <?php echo (int)$this->components['minPrice']?>&nbsp;&nbsp; - &nbsp;&nbsp;&pound; <?php echo (int)$this->components['maxPrice']?>
								
								<div class="slider slider-horizontal span2 " data-slider-value="[<?php echo (int)$this->components['minPrice'].','.(int)$this->components['maxPrice'] ;?>]"data-slider-min="<?php echo (int)$this->components['minPrice']?>" data-slider-max="<?php echo (int)$this->components['maxPrice']?>" data-slider-step="1"></div>
								
							</li>
							<li>&nbsp;</li>
							<li>
								 <button type="submit" class="btn btn-primary span">Find me a deal!</button>
							</li>
						</ul>
					</div><!--/.well -->
					</form>
				</div><!--/span-->

				<?php echo $this->layout()->content ?>
			</div><!--/row-->
			
			<hr>
			

			
			<footer class="span9">
				<p>
					&copy; Dealscombined 2013
				</p>
			</footer>

		</div><!--/.fluid-container-->

	</body>
</html>
